{% extends "teacher/base.html" %}
{% block extracss %}
    <style>
        .cdlist{ display: none}
        .top button{
            padding: 0px 5px;
            margin: 5px;
        }
        .top{
            text-align: right;
        }
        #submain{
            width: 99%;
            height: 400px;
            border: 1px #ddd dotted;
        }
    .groupback img{
        width: 100%;
        height: 100%;
    }
    </style>
{% endblock %}
{% block main %}
    <div class="groupback">
    <img src="{{ STATIC_URL }}web/images/timg.jpg"/>
    </div>
{% endblock %}
{% block extrajs %}
<script>
$('.ta1').click(function(){
    $('.cdlist').hide();
    $(this).next().show();
});
$('.top button').click(function(){
    srcstr=$(this).attr('value');
    $('#submain').attr('src',srcstr)
})
</script>
{% endblock %}